.jnode-minh{
	height: 500px;
}
.box-grid{
	background: -webkit-linear-gradient(top, transparent 20px, #ccc 20px, #ccc 21px, transparent 21px),
				-webkit-linear-gradient(left, transparent 20px, #ccc 20px, #ccc 21px, transparent 21px);
	/*background-size: auto, auto;*/
	background-size: 20px 20px;
	border:1px #ccc solid;
}
.jnode-main{
	height: 800px;
	margin:5px auto;
	overflow:hidden;
	text-align:center;
	color:#97a0b3;
	letter-spacing:2px;
	font-size:14px;
}
.jnode-control{
	width: 240px;
	z-index:99;
	height: 540px;
	position: absolute;
	right:0px;
	border:0px red solid;
}
.jnode-control-toggle{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 41.5%;
	right: 100%;
	width: 14px;
	height: 93px;
	border-top-left-radius: 35px;
	border-bottom-left-radius: 35px;
	background: #fff;
	z-index:100;
}

.jnode-control-item{
	font-size: 12px;
	height: 340px;
}
.jnode-control-item .input-group-addon,.jnode-control-item .btn-xs,.jnode-control-item .form-control{
	font-size: 10px;
}
.jnode-control-title{
	font-size: 12px;
	color: #666;
}
.jnode-control-title a i{
	color: #97a0b3;
	font-weight: normal;
}
.jnode-panel{
	position: absolute;
	padding: 2px 3px;
}
.jnode-visited {
	opacity: 0.4;
}
@-webkit-keyframes  shine{
	from { -webkit-box-shadow: 0 0 8px #fff; }
	80% { -webkit-box-shadow: 0 0 15px red; }
	to { -webkit-box-shadow: 0 0 8px #fff; }
}
.jnode-active{
	-webkit-animation-name: shine;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
}
/**
@-webkit-keyframes  shine_judge {
	from { -webkit-box-shadow: 0 0 8px #fff; }
	80% { -webkit-box-shadow: 0 0 15px yellow; }
	to { -webkit-box-shadow: 0 0 8px #fff; }
}
.jnode-active-judge{
	-webkit-animation-name: shine_judge;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes  shine_start {
	from { -webkit-box-shadow: 0 0 8px #fff; }
	80% { -webkit-box-shadow: 0 0 15px green; }
	to { -webkit-box-shadow: 0 0 8px #fff; }
}
.jnode-active-start{
	-webkit-animation-name: shine_start;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes  shine_end {
	from { -webkit-box-shadow: 0 0 8px #fff; }
	80% { -webkit-box-shadow: 0 0 15px red; }
	to { -webkit-box-shadow: 0 0 8px #fff; }
}
.jnode-active-end{
	-webkit-animation-name: shine_end;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes  shine_task {
	from { -webkit-box-shadow: 0 0 8px #fff; }
	80% { -webkit-box-shadow: 0 0 15px blue; }
	to { -webkit-box-shadow: 0 0 8px #fff; }
}
.jnode-active-task{
	-webkit-animation-name: shine_task;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
}**/
.jnode-panel-active{
	border: 1px solid #DD7363;
	border-radius: 0.5em;
	-webkit-animation-name: shine;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count: infinite;
}
.jnode-box{
	box-shadow: 2px 2px 19px #aaa;
	-o-box-shadow: 2px 2px 19px #aaa;
	-webkit-box-shadow: 2px 2px 19px #aaa;
	-moz-box-shadow: 2px 2px 19px #aaa;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	/*opacity: 0.8;*/
	z-index: 2;
	filter: alpha(opacity=80);
	text-align: center;
	/** color:#404040;
	**/
	color:#ffffff;
	background-color: #eeeeef;
	font-size: 8px;
	/*cursor: pointer;*/
	height: 30px;
	margin:2px auto;
	width:50px;
}

/** 圆形 **/
.jnode-round{
	width: 50px;
	border-radius: 50%;
	margin:15px auto;
	display: flex;
	align-items:center;
	justify-content:center;
}
/** 长方形 **/
.jnode-rectangle{
	border-radius: 0.5em;
	line-height: 23px;
	margin:15px auto;
	width:50px;
}
/** 菱形 **/
.jnode-diamond{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	width: 30px;
	height: 30px;
	margin:15px auto;
	display: flex;
	align-items:center;
	justify-content:center;
}
.jnode-diamond span{
	margin:10px auto;/*浏览器上居中*/
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.jnode-box i{
	font-size:15px;
}
.jnode-radius{
	width: 50px;
	border-radius: 50%;
	line-height: 15px;
	display: flex;
	align-items:center;
	justify-content:center;
}
.jnode-task{
	border-radius: 0.5em;
	line-height: 12px;
	display: flex;
	align-items:center;
	justify-content:center;
}
.jnode-judge{
	margin:5px 5px;
	display: flex;
	align-items:center;
	justify-content:center;
}
.bdc-success{
	border:3px solid #4cae4c;
	background-color: #4cae4c;
}
.bdc-primary{
	border:3px solid  #1D4566;
	background-color: #1D4566;
}
.bdc-warning{
	border:3px solid #d58512;
	background-color: #d58512;
}
.bdc-danger{
	border:3px solid #ac2925;
	background-color: #ac2925;
}
.connectorLabel {
	/*height: 35px;*/
	/*padding-top:1px;*/
	/*padding-left: 2px;*/
	/*padding-right: 2px;*/
	padding-bottom: 12px;
	font-size: 8px;
	color: #444;
	z-index: 3;
	opacity: 0.7;
	cursor: pointer;
	/**
	border: 1px dotted #337ab7;
	background-color: #f0f0f0;
	**/
}